
<!DOCTYPE html>
<html>
<head>
		<meta charset="utf-8">
		<link href="/static/css/register.css" rel='stylesheet' type='text/css' />
		<link href="/static/css/common.css" rel='stylesheet' type='text/css' />
		<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
	<div class="main">
		<div class="header" >
			<h1>Login or Create a Free Account!</h1>
		</div>
			<form action="/register/" method="post">
				<ul class="left-form">
					<h2>New Account:</h2>
					<li>
						<input type="text" name="uname"  placeholder="Username" required/>
						<span class="icon ticker"> </span>
						<div class="clear"> </div>
					</li>
					<li>
						<input type="text" name="email"  placeholder="Email" required/>
						<span class="icon ticker"> </span>
						<div class="clear"> </div>
					</li> 
					<li>
						<input type="password" name="pwd"  placeholder="password" required/>
						<a href="#" class="icon into"> </a>
						<div class="clear"> </div>
					</li> 
					<li>
						<input type="password"   placeholder="password" required/>
						<a href="#" class="icon into"> </a>
						<div class="clear"> </div>
					</li>
					<input type="submit" value="Create Account">
                    <span style="color: red">{{ status }}</span><a href="/login/" style="color: blue">{{ a }}</a>
						<div class="clear"> </div>
				</ul>
            </form>
            <form action="/login/" method="post">
				<ul class="right-form">
					<h3>Login:</h3>
					<div>
						<li><input type="text" name="uname" placeholder="Username" required/></li>
						<li> <input type="password" name="pwd" placeholder="Password" required/></li>
						<a href="#" ><h4>I forgot my Password!</h4></a>
							<input type="submit" value="Login" >
					</div>
					<div class="clear"> </div>
				</ul>
				<div class="clear"> </div>
					
			</form>
			
		</div>
</body>
</html>